<style>
    .xh-form .btn{
        margin-right: 0px;
    }
    .xh-form tr td:nth-child(2n){
        padding: 5px 20px 5px 0;
    }
    td >label{
        float: right;
        margin-right: 10px;
    }
    body{
        background-color: #f9f9f9;
    }
</style>
<form id="xh_form" class="xh-form" method="post" style="margin-left: 20px;">
    <div class="xh-area-form">
        <table>
            <tr>
                <td style="width: 75px"><label>物品类型</label></td>
                <td style="width: 200px">
                    <select name="goodsType" id="goodsType">
                        <option value="" selected="selected">请选择</option>
                        {% for id,text in  types %}
                            <option value="{{ id }}">{{ text }}</option>
                        {% endfor %}
                    </select>
                </td>
                <td style="width: 75px"><label>物品名称</label></td>
                <td style="width: 200px">
                    <select name="goodsName" id="goodsName">
                        <option value="" selected="selected">请选择</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td style="width: 75px"><label>数量<span id="unit"></span></label></td>
                <td style="width: 200px"><input name="num" id="num" must="true" type="number"></td>

                <td style="width: 75px"><label>规格</label></td>
                <td style="width: 200px"><input name="size" id="size" type="text"></td>
            </tr>
            <tr>
                <td style="width: 75px"><label>采购人</label></td>
                <td style="width: 200px"><select name="buyUser" id="buyUser"><option value="">请选择</option></select></td>

                <td style="width: 75px"><label>采购价</label></td>
                <td style="width: 200px"><input name="price" id="price" type="number"></td>
            </tr>
            <tr>
                <td style="width: 75px"><label>采购时间</label></td>
                <td style="width: 200px"><input name="time" id="time" type="date"></td>
                <td style="width: 75px"><label>状态</label></td>
                <td style="width: 200px">
                    <select name="status" id="status">
                        <option value="0">正常</option>
                        <option value="1">报废</option>
                    </select>
                </td>
            </tr>
            <tr id="phoneNumTr" style="display: none">
                <td style="width: 75px"><label >手机号</label></td>
                <td colspan="3">
                    <textarea id="phoneNum" name="phoneNum" style="height: 80px" class="form-control" placeholder="请填写正确的手机卡号，多个用英文半角,号隔开，手机号个数必须和手机卡数量一致"></textarea>
                </td>
            </tr>
            <tr>
                <td style="width: 75px"><label>备注</label></td>
                <td colspan="3"><textarea style="height: 80px" id="remark" name="remark"></textarea></td>
            </tr>
        </table>
    </div>
</form>